<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>iViewer lightbox example</title>
    <!-- Lightbox example by Hay Kranen < http://github.com/hay > -->

    <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../jquery.iviewer.css" />
    <!--[if lt IE 9 ]>
    <style>
        /* IE < 9 doesn't display the image for strange reasons... */
        #iviewer .viewer {
            display: block;
        }
    </style>
    <![endif]-->
</head>
<body>
    <a class="go" href="../test_image.jpg" rel="gallery">Show lightbox!</a>
    <br />
    <a class="go" href="../test_image2.jpg" rel="gallery">Show another lightbox!</a>
    
    <div id="iviewer">
        <div class="loader"></div>

        <div class="viewer"></div>

        <ul class="controls">
            <li class="close"></li>
            <li class="zoomin"></li>
            <li class="zoomout"></li>          
        </ul>

	 <div class="info" >            		
	 	<a href="#" id="prevLink" class="go" style="width: 40px;"><img src="img/btn_prev.png"></a>
		<p id="imageCount"></p>
		<a href="#" id="nextLink" class="go" style="width: 40px;"><img src="img/btn_next.png"></a>       
        </div>        
    </div>

    <script type="text/javascript" src="../jquery.js" ></script>
    <script type="text/javascript" src="../jqueryui.js" ></script>
    <script type="text/javascript" src="../jquery.mousewheel.min.js" ></script>
    <script type="text/javascript" src="../../jquery.iviewer.js" ></script>
    <script src="main.js"></script>
</body>
</html>
